<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>

<div id="szablonId" <c:out value="${szablonId}"/>>
	<button type="submit" id="usunSzablon" class="btn btn-primary" ><spring:message code="label.usunSzablon" /></button>
	<button type="submit" id="edytujSzablon" class="btn btn-primary"><spring:message code="label.edytujSzablon" /></button>
</div>

<br>
<br>
<br>
<div class="panel panel-default" id="mainpanel">

	<div id="headers" class="panel-heading" align="center">
		<h3 class="panel-title">
			<b><spring:message code="label.ankietaOcenyKursu" /></b>
		</h3>
		<br>
		<div id="left">
			<h4 class="panel-title"><spring:message code="label.tytulKursu" /></h4>
		</div>
		<div id="center">
			<h4 class="panel-title"><spring:message code="label.kodKursu" /></h4>
		</div>
		<div id="right">
			<h4 class="panel-title"><spring:message code="label.godzWTyg" /></h4>
		</div>
		<br> <br>
		<div id="left">
			<h4 class="panel-title"><spring:message code="label.nazwiskoNauczyciela" /></h4>
		</div>
		<div id="center">
			<h4 class="panel-title"><spring:message code="label.dataAnkiety" /></h4>
		</div>
		<br>
	</div>
	<div class="panel-body">
	
	<table class="table">
		<tbody>
				<c:forEach items="${idPytan}" var="idPytania">
				
					<c:choose>
						<c:when test="${idPytania.value == 'otwarte'}">
							<c:forEach items="${pytaniaotwarte}" var="pytanieotwarte">
								<c:if test="${idPytania.key==pytanieotwarte.id}">
									<tr id="wierszpytan">
										<td colspan="${maxLiczbaOpcji}">${pytanieotwarte.tresc}</td>
									</tr>
								</c:if>
							</c:forEach>
						</c:when>

						<c:otherwise>
							<c:forEach items="${pytaniazamkniete}" var="pytaniezamkniete">
								<c:if test="${idPytania.key==pytaniezamkniete.id}">
									<tr id="wierszpytan">
										<td colspan="${maxLiczbaOpcji}">${pytaniezamkniete.tresc}</td>
									</tr>
									<tr>
										<c:forEach items="${pytaniezamkniete.opcjas}" var="opcja">
											<c:forEach items="${opcja.tresc}" var="tresc">
												<td><label><input id="otwarteRadio"
														type="radio" disabled value="otwarte"> ${tresc}</label></td>
											</c:forEach>
										</c:forEach>
									</tr>
								</c:if>
							</c:forEach>
						</c:otherwise>
					</c:choose>
				</c:forEach>


			</tbody>


	</table>
	
		
	</div>
</div>

<style>
#szablonId {
	display: inline;
}

#headers {
	text-align: center;
}

#left {
	float: left;
}

#center {
	display: inline-block;
	margin: 0 auto;
}

#right {
	float: right;
}

#edytujSzablon {
	float: right;
}

#usunSzablon {
	float: right;
}

table {
    counter-reset: rowNumber;
}

#wierszpytan {
    counter-increment: rowNumber;
}

table #wierszpytan td:first-child::before {
    content: counter(rowNumber) ".";
    min-width: 1em;
    margin-right: 0.5em;
}
</style>

<script type="text/javascript" >

$(document)
.ready(
		function() {
			
	$("#usunSzablon").click(function() {
				 
		var newurl = document.URL;
		var idSzablonu = document.URL.split("=")[1];
		console.log(idSzablonu);
		newurl = newurl.split("/pod")[0];
		console.log(newurl);
		newurl = newurl.concat("/usunszablon.html");
		console.log(newurl);
		$.ajax({
			url : newurl,
			type : "post",

			data : {
				szablonId : function() {
					var id= Number(idSzablonu);
					console.log(id);
					return  id;
				}
			},
			success : function(data) {

				alert("Poprawnie usunięto szablon");
				newurl = newurl.split("/us")[0];
				window.location.replace(newurl +"/");
			}
		});
	});

	$("#edytujSzablon").click(function() {
		var newurl = document.URL;
		var idSzablonu = document.URL.split("=")[1];
		console.log(idSzablonu);
		newurl = newurl.split("/pod")[0];
		console.log(newurl);
		newurl = newurl.concat("/edytujszablon.html");
		console.log(newurl);
		$.ajax({
			url : newurl,
			type : "post",

			data : {
				szablonId : function() {
					var id= Number(idSzablonu);
					console.log(id);
					return  id;
				}
			},
			success : function(data) {
			
				newurl = newurl.split("/ed")[0];
				newurl = newurl.concat("/tworzenieszablonu.html?szablonId="+idSzablonu);
				window.location.replace(newurl);
				console.log(data);
			}
		});
	});});
	
</script>